<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                template="templates/template.xhtml"
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="title">
        <h:outputText value="#{msgs['faqs.title']}"/>
    </ui:define>

    <ui:define name="content">
        <div class="archive_list_wrapper">
            <h2 class="archive_list_main_title font_cufon">#{msgs['faqs.title']}</h2>
            <div class="basic_style_1">
                <ol class="faqGroupList">
                    <ui:repeat value="#{faqController.faqGroups}" var="group">
                        <li><a href="#faq#{group.faqGroupID}">#{group.groupName}</a></li>
                    </ui:repeat>
                </ol>
            </div>
            <ul>
                <ui:repeat value="#{faqController.faqGroups}" var="group">
                    <li class="archive_list clear_fix basic_style_1">
                        <h2 class="archive_list_title"><a href="#top" name="faq#{group.faqGroupID}">
                                <h:outputFormat value="#{msgs['faqs.groupText']}">
                                    <f:param value="#{group.groupName}"/>
                                </h:outputFormat></a></h2>
                        <div class="archive_list_content faqList">
                            <ol>
                                <ui:repeat value="#{group.faqList}" var="faq">
                                    <li>
                                        <div><div class="post_sub_title faqQuestion">#{faq.question}</div>
                                            <div class="faqAnswer">#{faq.answer}</div></div></li>
                                </ui:repeat>
                            </ol>
                        </div>
                    </li>
                </ui:repeat>
            </ul>
        </div>
    </ui:define>
</ui:composition>




